<nav class="b-sticky-nav">
  <div class="nav-scroller">
    <div class="nav__inner">
      <a class="b-nav__home nav__item" href="/">home</a>
      <a class="b-nav__intro nav__item" href="/intro">introduction</a>
      <a class="b-nav__quickstart nav__item" href="/quickstart">quickstart</a>
      <a class="b-nav__uses nav__item" href="/uses">use cases</a>

      <div class="nav__item nav__item__with__subs">
        <a class="b-nav__docs nav__item nav__sub__anchor" href="/documentation">documentation</a>
        <a class="nav__item nav__sub__item" href="/documentation#gettingStarted">getting started</a>
        <a class="nav__item nav__sub__item" href="/documentation#api">APIs</a>
        <a class="b-nav__streams nav__item nav__sub__item" href="/documentation/streams">kafka streams</a>
        <a class="nav__item nav__sub__item" href="/documentation#connect">kafka connect</a>
        <a class="nav__item nav__sub__item" href="/documentation#configuration">configuration</a>
        <a class="nav__item nav__sub__item" href="/documentation#design">design</a>
        <a class="nav__item nav__sub__item" href="/documentation#implementation">implementation</a>
        <a class="nav__item nav__sub__item" href="/documentation#operations">operations</a>
        <a class="nav__item nav__sub__item" href="/documentation#security">security</a>
      </div>

      <a class="b-nav__performance nav__item" href="/performance">performance</a>
      <a class="b-nav__poweredby nav__item" href="/powered-by">powered by</a>
      <a class="b-nav__project nav__item" href="/project">project info</a>
      <a class="b-nav__ecosystem nav__item" href="https://cwiki.apache.org/confluence/display/KAFKA/Ecosystem" target="_blank">ecosystem</a>
      <a class="b-nav__clients nav__item" href="https://cwiki.apache.org/confluence/display/KAFKA/Clients" target="_blank">clients</a>
      <a class="b-nav__events nav__item" href="/events">events</a>
      <a class="b-nav__contact nav__item" href="/contact">contact us</a>

      <div class="nav__item nav__item__with__subs">
        <a class="b-nav__apache nav__item nav__sub__anchor b-nav__sub__anchor" href="#">apache</a>
        <a class="b-nav__apache nav__item nav__sub__item" href="http://www.apache.org/" target="_blank">foundation</a>
        <a class="b-nav__apache nav__item nav__sub__item" href="http://www.apache.org/licenses/" target="_blank">license</a>
        <a class="b-nav__apache nav__item nav__sub__item" href="http://www.apache.org/foundation/sponsorship.html" target="_blank">sponsorship</a>
        <a class="b-nav__apache nav__item nav__sub__item" href="http://www.apache.org/foundation/thanks.html" target="_blank">thanks</a>
        <a class="b-nav__apache nav__item nav__sub__item" href="http://www.apache.org/security/" target="_blank">security</a>
      </div>

      <a class="btn" href="/downloads">download</a>
      <div class="social-links">
        <a class="twitter" href="https://twitter.com/apachekafka" target="_blank">@apachekafka</a>
      </div>
    </div>
  </div>
  <div class="navindicator">
    <div class="b-nav__home navindicator__item"></div>
    <div class="b-nav__intro navindicator__item"></div>
    <div class="b-nav__quickstart navindicator__item"></div>
    <div class="b-nav__uses navindicator__item"></div>
    <div class="b-nav__docs navindicator__item"></div>
    <div class="b-nav__performance navindicator__item"></div>
    <div class="b-nav__poweredby navindicator__item"></div>
    <div class="b-nav__project navindicator__item"></div>
    <div class="b-nav__ecosystem navindicator__item"></div>
    <div class="b-nav__clients navindicator__item"></div>
    <div class="b-nav__events navindicator__item"></div>
    <div class="b-nav__contact navindicator__item"></div>
  </div>
</nav>
